
body{

    margin: 0;

    padding: 0;

    background: #487eb0;

}

.sign-div{

    width: 300px;

    padding: 20px;

    text-align: center;

    background: url(bg02.jpg);

    position:absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

    overflow: hidden;

}

.sign-div h1{

    margin-top: 100px;

    color: #fff;

    font-size: 40px;

}

.sign-div input{

    display: block;

    width: 100%;

    padding: 0 16px;

    height: 44px;

    text-align: center;

    box-sizing: border-box;

    outline: none;

    border: none;

    font-family: "montserrat",sans-serif;

}

.sign-text{

    margin:4px;

    background: rgba(255,255,255,5);

    border-radius: 6px;

}

.sign-select{
    
    position: relative;
    width: 150px;
    height: 26px;
    background-color: #f0f0f0;
    border: 1px solid #ececec;
}
        
.beauty-select{  
    background-color: #fff;
    height:45px;  
    width:300px; 
    padding:0 10px; 
    /* line-height:28px;   */
    border: 1px solid #ececec;
        /* background: url(w.png) no-repeat; */
    background: rgba(255,255,255,5);
    border-radius: 6px;
    margin:4px;
    background-position: 95% 50%;
    text-align: center;
    -webkit-appearance: none;  /*去掉样式 for chrome*/
    appearance:none;/*去掉样式*/
    -moz-appearance:none;/*去掉样式*/
    
    
} 

.sign-btn{

    margin-top: 50px;

    margin-bottom: 20px;

    background: #487eb0;

    color: #fff;

    border-radius: 44px;

    cursor: pointer;

    transition: 0.8s;

}

.sign-btn:hover{

    transform:scale(0.96);

}

.sign-div a{

    text-decoration: none;

    color: #fff;

    font-family: "montserrat", sans-serif;

    font-size: 14px;

    padding: 10px;

    transition: 0.8s;

    display: block;

}

.sign-div a:hover{

    background: rgba(0,0,0,.3);

}
